<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>简易JS年历</title>
</head>
<link rel="stylesheet" href="./css/index.css">
<script src="./js/index.js"></script>
<body>
    <div id="box">
        <ol id="tab">
            <li class="actived">1<span>JAN</span></li>
            <li>2<span>FER</span></li>
            <li>3<span>MAR</span></li>
            <li>4<span>APR</span></li>
            <li>5<span>MAY</span></li>
            <li>6<span>JUN</span></li>
            <li>7<span>JUL</span></li>
            <li>8<span>AUG</span></li>
            <li>9<span>SEP</span></li>
            <li>10<span>OCT</span></li>
            <li>11<span>NOV</span></li>
            <li>12<span>DEC</span></li>
        </ol>
        <div class="clear"></div>
        <ul id="txt">
        <h4>1月节日</h4>
        <p>元旦：1月1日至3放假三天</p>
        </ul>
    </div>
</body>

</html>